{% extends 'frontend/layout/base.html.twig' %}
{% block title %}
    {{ page.title }} - {{ setting.obj.siteName }}
{% endblock %}
{% block seo_keywords %}{% if page.seoKey is not empty %}{{ page.seoKey }}{% else %}{{ parent() }}{% endif %}{% endblock %}
{% block seo_description %}{% if page.seoDescription is not empty %}{{ page.seoDescription }}{% else %}{{ parent() }}{% endif %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    <link rel="stylesheet" href="{{ asset('css/frontend/article/index.css') }}"/>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script src="{{ asset('js/frontend/article/index.js') }}" type="text/javascript"></script>
{% endblock %}

{% block page_wrapper %}
    <div class="akea-body-wrapper clearfix  akea-with-frame">
        <div class=akea-page-wrapper id=akea-page-wrapper>
            <div class=akea-header-transparent-substitute></div>
            <div class="akea-content-container akea-container ">
                <div class=" akea-sidebar-wrap clearfix akea-line-height-0 akea-sidebar-style-none">
                    <div class=" akea-sidebar-center gdlr-core-column-60 akea-line-height">
                        <div class="akea-content-wrap akea-item-pdlr clearfix">
                            <div class=akea-content-area>
                                <article id=post-6613 class="post-6613 post type-post status-publish format-standard has-post-thumbnail hentry category-travel tag-photography tag-travel">
                                    <div class="akea-single-article clearfix">
                                        <div class="akea-single-article-title-wrap akea-align-center">
                                            <header class="akea-single-article-head clearfix">
                                                <div class=akea-single-article-head-right>
                                                    <h1 class="akea-single-article-title">{{ page.title }}</h1>
                                                    <div class=akea-blog-info-wrapper>
                                                        <div class="akea-blog-info akea-blog-info-font akea-blog-info-author vcard author post-author ">
                                                            <img alt src='{% if page.avatar|length > 0 %}{{ asset(page.avatar) | imagine_filter('page_thumbnail_avatar_image') }}{% else %}{{ asset('images/sf-positive.svg') }}{% endif %}' class='avatar avatar-50 photo' height=50 width=50>
                                                            <span class=fn>{{ page.getAuthor }}</span>
                                                        </div>
                                                        <div class="akea-blog-info akea-blog-info-font akea-blog-info-category ">
                                                            {{ page.pageCategory }}
                                                        </div>
                                                        <div class="akea-blog-info akea-blog-info-font akea-blog-info-tag ">
                                                            {% if page.pageTags|length > 0 %}
                                                                {% for tag in page.tags %}
                                                                    {{ tag.value }},
                                                                {% endfor %}
                                                            {% endif %}
                                                        </div>
                                                        <div class="akea-blog-info akea-blog-info-font akea-blog-info-comment-number">
                                                            <span class=akea-head><i class=icon_comment_alt></i></span>{{ page.pageComment }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </header>
                                        </div>
                                        {% if page.thumbnail is not null %}
                                            <div class="akea-single-article-thumbnail akea-media-image">
                                                <div class="thumbnail" style="background: url('{{ asset(page.thumbnail) }}') no-repeat 50% 50%;">
                                                    <a href=# class=zilla-likes id=zilla-likes-6613 title="Like this">
                                                        <span class=zilla-likes-count>261</span>
                                                        <span class=zilla-likes-postfix></span>
                                                    </a>
                                                    <a href="javascript:void(0);" class="zilla-likes page-like" title="喜欢" id="{{ page.id }}">
                                                        <span class="zilla-likes-count">{{ page.pageLike }}</span>
                                                    </a>
                                                </div>
                                            </div>
                                        {% endif %}
                                        <div class="akea-single-article-content">
                                            {{ page.content|raw }}
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class=gdlr-core-page-builder-body></div>

            {{ render(controller('App\\Controller\\Frontend\\ArticleController::other', {id: page.id, comment_num: page.pageComment})) }}

        </div>
    </div>
{% endblock %}
